<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员</title>
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<style>
	.calendars {
		width: 100%;
		height: 90%;
		border: 1px solid #eee;
	}
	.myCal{
		margin-top:0.5%;
		width:100%;
		height:5%;
		background-color:rgba(0,0,0,.5);
	}
	.options{
		position:fixed;
		width:450px;
		height:567px;
		background-color:blue;
		top:145px;
		left:700px;
	}
</style>
</head>
<body>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span>系统管理员</span>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span>系统管理员</span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span>研发部</span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span>0</span>条新消息
					</p>
				</div>
			</div>
			<div class="menus">
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#">表情笑脸</a>
				</div>
				<div class="nav last">
					<a href="#">日期显示</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：我的日程安排</div>
			<div class="title">我&nbsp;的&nbsp;日&nbsp;程&nbsp;安&nbsp;排</div>
			<div class="contents">
				<div class="addNote"></div>
				<div class="calendars">
					<div class="myCal">
						<span>主题：</span>
						<input type="text" />
					</div>
					<div class="myCal">
						<span>地点:</span>
						<input type="text" />
						<span>会议类型:</span>
						<select>
							<option>1</option>
							<option>2</option>
						</select>
					</div>
					<div class="myCal">
						<span>开始时间： ----</span>
						<input type="text" />
					</div>
					<div class="myCal">
						<span>结束时间： ----</span>
						<input type="text" />					
					</div>
					<div class="myCal">
						<textarea></textarea>
					</div>
					<div class="myCal">
						<span>预约他人</span>
					</div>
					<div class="myCal">
						<span>删除选定预约人</span>
					</div>
					<div class="myCal">
						<span>选项:</span>
						<input type="checkbox"/>
						<span>是否公开</span>
						<span>创建者：</span>
						<span>系统管理员</span>
						<span>创建日期：</span>
						<span>一个日期</span>
					</div>
					<div class="myCal">
						<button>保存退出</button>
						<button>删除</button>
						<button>退出</button>
					</div>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	
	<div class="options">隐藏的人物</div>
</body>
</html>